// 命名空间和状态前缀
$namespace: 'wmc';
$statePrefix: 'is-';

:root {
  // 颜色变量
  --wmc-primary-color: #409EFF;
  --wmc-success-color: #67C23A;
  --wmc-warning-color: #E6A23C;
  --wmc-danger-color: #F56C6C;
  --wmc-info-color: #909399;

  // 文字颜色
  --wmc-text-color: #303133;
  --wmc-text-color-secondary: #606266;
  --wmc-text-color-placeholder: #C0C4CC;

  // 边框颜色
  --wmc-border-color: #DCDFE6;
  --wmc-border-color-light: #E4E7ED;

  // 背景颜色
  --wmc-bg-color: #FFFFFF;
  --wmc-bg-color-page: #F2F3F5;

  // 字体
  --wmc-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  
  // 字号
  --wmc-font-size-base: 14px;
  --wmc-font-size-small: 13px;
  --wmc-font-size-large: 16px;

  // 圆角
  --wmc-border-radius-base: 4px;
  --wmc-border-radius-small: 2px;
  --wmc-border-radius-large: 8px;

  // 间距
  --wmc-spacing-base: 8px;
  --wmc-spacing-large: 16px;
  --wmc-spacing-small: 4px;
}

// Colors
$colors: (
  'primary': #409EFF,
  'success': #67C23A,
  'warning': #E6A23C,
  'danger': #F56C6C,
  'info': #909399,
  'white': #FFFFFF,
  'black': #000000
);

// Typography
$font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
  'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
  'Noto Color Emoji';

$font-sizes: (
  'xs': 12px,
  'sm': 14px,
  'base': 16px,
  'lg': 18px,
  'xl': 20px,
  '2xl': 24px,
  '3xl': 30px,
  '4xl': 36px
);

// Spacing
$spacing: (
  'none': 0,
  'xs': 4px,
  'sm': 8px,
  'medium': 12px,
  'lg': 16px,
  'xl': 24px,
  '2xl': 32px,
  '3xl': 48px
);

// Border radius
$radius: (
  'none': 0,
  'sm': 2px,
  'medium': 4px,
  'lg': 8px,
  'xl': 12px,
  'full': 9999px
);

// Shadows
$shadows: (
  'sm': '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
  'medium': '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
  'lg': '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
  'xl': '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)'
);

// Z-index
$z-index: (
  'dropdown': 1000,
  'sticky': 1020,
  'fixed': 1030,
  'modal': 1040,
  'popover': 1050,
  'tooltip': 1060
); 